.M-sidebar{

	// 新------------------------------------------------

	@color:                #646464;
	@colorAct:             #3d3a39;
	@colorHover:           #FFFFFF;
	@colorTitle:           #B7B7B7;
	@colorMore:            #58AEDD;
	@bgHover:              #DCDDDC;
	@bgAct:                #58AEDD; //#898989;

	&Search {
		// padding: 15px;
		margin-left: 20px;
	}
	&Radio {
		// padding: 15px;
		position: relative;
		&Con {
			margin: 0;
			// padding: 20px 0;
			.group-label {
				min-width: 80px;
				width: 10%;
				text-align: center;
			}
			.group-content {
				padding-left: 0;
				width: 85%;
			}
			.title {
				display: inline-block;
				font-size: 13px;
				color: @colorTitle;
				font-weight: bold;
				// margin-bottom: 10px;
			}
			.content {
				display: inline-block;
				padding-left: 0px;
				label {
					line-height: 22px;
					border-radius: 4px;
					padding: 0px 4px 2px 4px;
					margin-right: 20px;
					margin-bottom: 5px;
					color: @color;
					cursor: pointer;
					&:hover {
						color: @colorHover;
						background-color: @bgHover;
						i, span {
							color: @colorHover;
							i.dot {
								color: @colorHover;
							}
						}
					}
					i {
						color: #bbb;
						position: relative;
						font-size: 14px;
						vertical-align: -1px;
					}
					.dot {
						width: 8px;
						height: 8px;
						border-radius: 8px;
						display: inline-block;
						font-size: 10px;
						position: absolute;
						left: 3px;
						top: 4px;
						background: @color;
					}
				}
				.act {
					color: @bgAct;
					i, span {
						color: @bgAct;
						.dot {
							background: @colorAct;
						}
					}
					&:hover {
						color: @bgAct;
						background: none;
						i, span {
							color: @bgAct;
							.dot {
								background: @colorAct;
							}
						}
					}
				}
				.delete {
					float: right;
					color: #ccc;
					font-size: 16px;
					margin-top: 2px;
					margin-right: 10px;
					&:hover {
						color: #444;
					}
				}
			}
			.more {
				color: @colorMore;
				cursor: pointer;
				padding-left: 4px;
				width: 60px;
				&.hide {
					display: none !important;
				}
			}
		}
	}
	&Checkbox {
		.M-commonItem {
			margin-top: 3px;
		}
		.active {
			// color: @bgAct !important;
		}
		// .act {

		// }
		label {
			&:hover {
				i {
					color: @colorHover !important;
				}
			}
		}
	}
	&Pop {
		// cursor: pointer;
		// position: relative;
		// &:hover {
		// 	// background: #f2f2f2;
		// }
		// &Con {
		// 	left: 0px;
		// 	top: 0px;
		// 	display: none;
		// 	position: fixed;
		// 	width: 500px;
		// 	height: 300px;
		// 	z-index: 98;
		// 	border: 1px solid #d3d3d3;
		// 	box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
		// 	background: #fff;
		// 	.content {
		// 		width: 140px;
		// 		display: inline-block;
		// 		line-height: 28px;
		// 	}
		// }
		// .content {
		// 	label{
		// 		width: 85%;
		// 		&:hover {
		// 			color: #868688 !important;
		// 			background: none !important;
		// 		}
		// 	}
		// }
	}
	&PopAct {
		// background: #fff !important;
		// box-shadow: 6px 1px 5px 2px rgba(0, 0, 0, 0.1);
		// z-index: 99;
	}
	&Channel {
		&Tab {
			display: none;
			li {
				a {
					// color: @color !important;
					// cursor: pointer !important;
				}
			}
			.uk-active {
				a {
					// color: @colorAct !important;
				}
			}
		}
		&Con {
			// min-height: 200px;
			// padding: 10px;
		}
		&Item {

			.title {
				font-size: 16px;
				margin-top: 10px;
				color: @colorTitle;
				cursor: pointer;
			}
		}
	}
	&Label {
		.content {
			// width: auto;
			// padding: 0 5px;

			.count {
				font-weight: normal;
				font-size: 10px;
				color: #A6A6A6;
				margin: 0 0 0 5px;
			}
			.check {
				color: @colorHover;
				background-color: @bgAct;
				span {
					color: @colorHover;
				}
				&:hover {
					color: @colorHover;
					background-color: @bgAct;
					span {
						color: @colorHover;
					}
				}
			}
		}
	}
	&MetricsFilter {
		.removeBtn {
			vertical-align: middle;
			cursor: pointer;
			color: @colorTitle;
			font-size: 18px;
			line-height: 30px;
		}
		.addBtn {
			vertical-align: middle;
			cursor: pointer;
			color: @colorMore;
			font-size: 12px;
			line-height: 20px;
			display: block;
			clear: both;
		}
	}
	&Metrics {
		.content {
			// height: 200px;
			// width: 95%;
			// .metricsCon {
			// 	padding-left: 10px;
			// }
		}
		.button {
			margin: 0 auto;
			text-align: center;
			padding-top: 10px;
			width: 80px;
		}
	}
}